﻿body {
	font-family:verdana,tahoma,helvetica;
	font-size:13px;
	height: 100%
}

.hide-visibility {
	visibility: hidden;
}

.hide-display {
	display: none;
}

.clear-left {
	clear: left;
}
.clear-both {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.absolute {
	position:absolute;
}

.unselectable, .unselectable *{
	-moz-user-select: none;
	-khtml-user-select:none;
	user-select: none;
	/*hutia:expression(this.onselectstart=function(){return(false)})*/
}

/*
opal-editor
*/
.opal-editor {

}

.opal-editor .editor {
	height: 21px;
	line-height: 18px;
	border: 1px solid #B5B8C8;
}

.opal-editor .label {
	display: block;
	width: 30px;
}

.opal-editor .readOnly {
	background-color: transparent;
	border: 0px;
}

.opal-editor .indicator {
	width: 17px;
	height: 17px;
}

.opal-editor .valid-icon {
	background: url(../images/validate-yes.gif) no-repeat center;
}

.opal-editor .invalid-icon {
	background: url(../images/validate-no.gif) no-repeat center;
}

.opal-editor-helpTip {
	position:absolute;
	z-index:15005;
	background: #EFCA91 none repeat scroll 0%;
	filter: alpha(opacity=70);
	text-align: left;
	height: 15px;
	color: black;
	font: 12px tahoma,arial,verdana,sans-serif;
}

/*
combo
*/
.opal-combo {
	white-space: nowrap;
	height:20px;
}

.opal-combo .editor {
	background-image: url('combo/list.gif');
	background-repeat:no-repeat;
	background-position:right;
}

.opal-combo-list {
	background: white none repeat scroll 0%;
	border: 1px solid #98C0F4;
	overflow: hidden;
	z-index: 5000;
	height: 0px;
	width: 200px;
}

.opal-combo-list .table {
	width: 100%;
}

.opal-combo-list .item-hilight {
	background-color: #DDECFE;
}

.opal-comboExList {
	background: white none repeat scroll 0%;
	border: 1px solid #98C0F4;
	overflow: hidden;
	z-index: 5000;
	width: 200px;
}

.opal-comboExList .list .bd .hilite {
	background-color: #DDECFE;
}

.opal-comboExList ul, .opal-comboExList li {
	list-style:none;
	margin: 0px;
	padding-left: 0px;
}


/*
formPanel
*/
.opal-panel {
	color: #00309C;
	width: 99%;
	height: 99%;
	padding: 5px;
}

.opal-panel .hd {
	margin: 2px;
}

.opal-panel .row {
	margin: 2px;
	background-color: #E7EBF7;
}

.opal-panel .ft {
	text-align: center;
}

.opal-panel .navigator {
	border: 1px solid gray;
	background: white;
	margin-right: 2px;
}

/*
.opal-grid
*/
.opal-grid {
	border-collapse: collapse;
	border: 1px solid gray;	
}

.opal-grid .hd .row {
	background-color: #94ABD7;
	height: 20px;
}
.opal-grid .hd td {
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}
.opal-grid .hd td a {
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.opal-grid .bd .row {
	background-color: #f1f5f9;
	cursor: pointer;
}
.opal-grid .bd .row td {
	color: #00309C;
	font-family: Arial,Helvetica,sans-serif;	
	font-size: 13px;
	padding-left: 6px;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}
.opal-grid .bd .modified {
	background-color: #FFFFBF
}

.opal-grid .bd .row-over {
	background-color: #E2EBF3;
}

.opal-grid .bd  .row-focused {
	background-color: #ACCAEE;
}

.opal-grid .bd  .row-focused td {
	color: white;
}
.opal-grid .bd  .row-deleted {
	display: none;
}

.opal-grid .bd .error {
	background-color: red;
}

.opal-grid .ft {

}

.opal-grid .navigator .input-item {
	border: 1px solid gray;
	text-align: right;
	width: 2em;
}

.opal-grid .tools {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #00309C;
}

.opal-grid .tools .item {
	color: #00309C;
	margin: 1px;
	text-decoration: none;	
}

.opal-grid .tools .itemhome {
	color: #00309C;
	margin: 1px;
	text-decoration: none;	
}

.opal-grid .tools .itemprevious {
	color: #00309C;
	margin: 1px;
	text-decoration: none;	
}

.opal-grid .tools .itemword {
	color: #00309C;
	margin: 1px;
	text-decoration: none;	
}

.opal-grid .tools .itemnext {
	color: #00309C;
	margin: 1px;
	text-decoration: none;	
}

.opal-grid .tools .itemlast {
	color: #00309C;
	margin: 1px;
	text-decoration: none;	
}

.opal-grid .selector {
	border: 0px;
}

.opal-grid .selector .label{
	color: gray;
}

.opal-grid .operatorEx {
	border-left: 1px solid gray;
	padding-left: 6px;
}

.opal-grid .ft .custom {
	color: #00309C;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	padding-left: 6px;
}

/*
opal-layout
*/
.opal-layout {
	background: #DFE8F6 none repeat scroll 0%;
	overflow:hidden;
}

.opal-layout .box {
	position: absolute;
}

.opal-layout .panel {
	border: 1px solid #98C0F4;
	background: #fff;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.opal-layout .panel .hd {
	background: #DFE8F6 none repeat scroll 0%;
	border-bottom:1px solid #98C0F4;
	color:#98C0F4;
	font:bold 13px tahoma,arial,verdana,sans-serif;
	position:relative;
	height:24px;
	line-height:24px;
	overflow:hidden;
}
.opal-layout .panel .ft {
	border-top:1px solid #98C0F4;
	color:#98C0F4;
	font-size:13px;
	position:relative;
	overflow:hidden;
	height:24px;
	line-height:24px;
}


.opal-layout .panel .bd {
	background:white;
	padding: 5px;
}

.split-mask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-image:url(share/s.gif);
	z-index:20000
}

.split-left,.split-right,.split-top,.split-bottom{
	position:absolute;
	overflow:hidden;
	z-index:19999;

}

.split-left,.split-right{
	cursor:e-resize;
	height:2000px;
	top:0;
}

.split-top,.split-bottom{
	cursor:n-resize;
	width:2000px;
	left:0;
}

.split-dragging{
	background:#ccc;
	z-index:20001
}

a.split-collapsed{
	background-color:#D2E0F2;
	border:1px solid #98C0F4;
	position:absolute;
	display:block;
}
a.split-collapsed:hover{
	background-color:#D9E8FB;
}

a.split-toggle-left,a.split-toggle-right,a.split-toggle-top,a.split-toggle-bottom{
	position:absolute;
	top:4px;
	right:4px;
	display:block;
	z-index:19999;
	cursor:hand;
	width:15px;height:15px;
	overflow:hidden;
	background:transparent url(layout/tool-arrows.gif) no-repeat;
}

a.split-toggle-left{
	background-position:0 -15px;
}
a.split-toggle-right{
	 background-position:0 0;
}
a.split-toggle-top{
	 background-position:0 -45px;
}
a.split-toggle-bottom{
	background-position:0 -30px;
}

a.split-toggle-left:hover{
	background-position:-15px -15px;
}
a.split-toggle-right:hover{
	 background-position:-15px 0;
}
a.split-toggle-top:hover{
	 background-position:-15px -45px;
}
a.split-toggle-bottom:hover{
	background-position:-15px -30px;
}

/*
message indicator
*/
.opal-messageIndicator {
	background: #4787EB none repeat scroll 0%;
	padding: 2px;
}

.opal-messageIndicator .message {
	color: #D4E2F7;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-left: 4px;
	padding-right: 12px;
}

.opal-message-histroy {
	list-style: none;
	text-align: left;
	color: #D4E2F7;
	font-size: 14px;
	background: #609DF6 none repeat scroll 0%;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	z-index: 3000;
}

/*
tool-tip
*/
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}

.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}

/*
shadow
*/
.opal-shadow{
	position:absolute;
	font-size:0;
	overflow: hidden;
	zoom:1;
}

.opal-ie-shadow {
    position: absolute;
    overflow: hidden;
    left:0;
    top:0;
    background:#333;
    zoom:1;
}

.opal-shadow * {
	overflow: hidden;
	font-size:0;
    padding: 0;
    border: 0;
    margin: 0;
    zoom: 1;
}

.opal-shadow-t,.opal-shadow-m,.opal-shadow-b{
	position:relative;
	width:100%;
}
.opal-shadow-tl,.opal-shadow-tr,.opal-shadow-bl,.opal-shadow-br{
	float:left;
	width:6px;
	height:6px;
}

.opal-shadow-ml,.opal-shadow-mr{
	float:left;
	width:6px;
	height:100%;
}

.opal-shadow-tc,.opal-shadow-bc{
	float:left;
	width:100%;
	height:6px;
}

.opal-shadow-mc{
	float:left;
	width:100%;
	height:100%;
}

.opal-shadow-tl{
	background: transparent url( shadow/shadow.png ) no-repeat 0 0;

}
.opal-shadow-tc{
	background: transparent url( shadow/shadow.png ) repeat-x 0 -30px;

}
.opal-shadow-tr{
	background: transparent url( shadow/shadow.png ) repeat-x 0 -18px;

}

.opal-shadow-ml{
	background: transparent url( shadow/shadow-lr.png ) repeat-y 0 0;

}
.opal-shadow-mc{
	background: transparent url( shadow/shadow-c.png );

}
.opal-shadow-mr{
	 background: transparent url( shadow/shadow-lr.png ) repeat-y -6px 0;

}

.opal-shadow-bl{
	background: transparent url( shadow/shadow.png ) no-repeat 0 -12px;

}
.opal-shadow-bc{
	background: transparent url( shadow/shadow.png ) repeat-x 0 -36px;

}
.opal-shadow-br{
	background: transparent url(shadow/shadow.png ) repeat-x 0 -6px;

}

/*
window
*/
.opal-window-resize-proxy{
	border:1px dashed #333;
	overflow:hidden;
    position:absolute;
	cursor:se-resize;
    left:0;top:0;
    display:none;
}

.opal-window-move-proxy{
    background:#f0f0f0;
    border:1px solid #666;
    overflow:hidden;
    position:absolute;
	cursor:move;
    left:0;top:0;
    display:none;
    opacity:.5;
	filter:alpha(opacity=50);
	z-index:100;
}
.opal-window-mask{
    position:absolute;
	z-index:1000;
	display:block;
	zoom:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background: transparent url( share/s.gif ) no-repeat 0 0;
}
.opal-window-modal-mask{
    background:#000;
    overflow:hidden;
    position:absolute;
	cursor:default;
    left:0;top:0;
    display:block;
    opacity:.6;
	filter:alpha(opacity=60);
}

.opal-window-blur{

}



.opal-window {
	background: transparent;
    zoom:1;
	position: absolute;
}

.opal-window-wrap {
	background:#f6f6f6;
	border:1px solid #666;
	border-top:1px solid #888;
    position:relative;
	overflow:hidden;
}

.opal-window-tc {
	background: transparent url(window/t.gif) repeat-x 0 0;
	overflow:hidden;
}
.opal-window-tl {
	background: transparent url(window/tl.gif) no-repeat 0 0;
	padding-left:5px;
	position:relative;
}
.opal-window-tr {
	background: transparent url(window/tr.gif) no-repeat top right;
	padding-right:5px;
}



.opal-window-header {
    color:white;
	font:bold 13px tahoma,arial,verdana,sans-serif;
    height:25px;
	line-height:25px;
	overflow:hidden;
}

.opal-window-blur .opal-window-tc{
	background: transparent url(window/t-blur.gif) repeat-x 0 0;
}
.opal-window-blur .opal-window-tl{
	background: transparent url(window/tl-blur.gif) no-repeat 0 0;
}
.opal-window-blur .opal-window-tr{
	background: transparent url(window/tr-blur.gif) no-repeat top right;
}

.opal-window-blur .opal-window-header{
	color:#888;
}

.opal-window-body {
	background-color: #E7EBF7;
    overflow:auto;
}
.opal-window-element-body{
	background:#fff;
	border-bottom:1px solid #888;
}

.opal-window-footer {
	padding:0;
	height:33px;
	text-align:center;overflow:hidden;
}

.opal-window-nofooter{
    height:15px;
	overflow:hidden;
    font-size:0;
}

.opal-window-button-container{
	top:51%;
	margin-top:-11px;
	position:relative;
	text-align:right;
	margin-right:20px;
}
.opal-window-button{
	width:auto;
	height:22px;
	padding:0px 8px;
	cursor:pointer;
	margin:0 2px;
	font: normal 12px tahoma,arial,helvetica,sans-serif;
}

.opal-window-move-handler{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:25px;
	background:transparent url(share/s.gif) no-repeat;
	cursor:move;
}

.opal-window-tool-container{
	position:absolute;
	top:5px;
	right:15px;
	width:60px;
}
.opal-window-tool-close {
	background:transparent url(window/tool-sprites.gif) 0 0 no-repeat;
}
.opal-window-tool-min{
	background:transparent url(window/tool-sprites.gif) 0 -15px no-repeat;
}
.opal-window-tool-max{
	background:transparent url(window/tool-sprites.gif) 0 -30px no-repeat;
}
.opal-window-tool-restore{
	background:transparent url(window/tool-sprites.gif) 0 -45px no-repeat;
}
.opal-window-tool {
	cursor:pointer;
	float:right;
	height:15px;
	width:15px;
	overflow:hidden;
	display:block;
	margin-right:2px;
}

.opal-window-resize{
	background:transparent url(window/resize.gif) no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	right:0;
	bottom:1;
	margin-right:3px;
	margin-bottom:3px;
	font-size:0;
	overflow:hidden;
	cursor:se-resize;
	zoom:1;
}

.opal-window-icon{
	float:left;
	width:50px;
	height:50px;
	display:block;
}

.opal-window-icon-info{
	background:transparent url(window/icon-info.gif) no-repeat;
}
.opal-window-icon-warning{
	background:transparent url(window/icon-warning.gif) no-repeat;
}
.opal-window-icon-question{
	background:transparent url(window/icon-question.gif) no-repeat;
}
.opal-window-icon-error{
	background:transparent url(window/icon-error.gif) no-repeat;
}

/*
* opal context menu
*/
div.context-menu {
	position: absolute;
	top: 0;
	left: 0;
	font-family: verdana;
}
div.context-menu a {
	display: block;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size: 11px;
}
div.context-menu .separator {
	height: 1px;
	padding: 0;
	overflow: hidden;
}


/* FIREFOX STYLES */

.context-menu.firefox {
	width: 12em;
	background: #F4F5EB;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 2px 0;
}
.context-menu.firefox a {
	color: #555;
	padding: 4px 15px;
	margin: 0 2px;
}
.context-menu.firefox a:hover {
	background: #006;
	color: #fff;
}
.context-menu.firefox a.disabled {
	color: #bbb;
}
.context-menu.firefox a.disabled:hover {
	background: #F4F5EB;
	color: #bbb;
}
.context-menu.firefox .separator {
	border-bottom: 1px solid #fff;
	background: #999;
	margin: 4px 4px;
}


/* GOOGLE STYLES */

.context-menu.google {
	width: 10.5em;
	background: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #676767;
	border-right: 1px solid #676767;
}
.context-menu.google a {
	color: #00c;
	text-decoration: none;
	padding: 2px 5px;
	cursor: pointer;
	font-size: 12px;
}
.context-menu.google a:hover {
	background: #D3E3FE;
}
.context-menu.google a.disabled {
	color: #bbb;
}
.context-menu.google a.disabled:hover {
	background: #fff;
	color: #bbb;
}
.context-menu.google .separator {
	background: #ccc;
}

.tree 
{
	font: caption;
	font-size: 12px;
	font-weight: normal;
	overflow: auto;
}

.treeNodeSelected 
{
	background-color: Highlight;
	color: #FFFFFF;
}

.treeNode
{
	white-space: nowrap;
	clear:right;
}

.tree img, .treeNode img 
{
	vertical-align: middle;
	border:0px;
}

.label
{
	padding-left: 2px;
	font-size: 11px;
	color: WindowText;
	cursor:pointer;
}



.tree 
{
	font-family: 宋体;
	font-size: 12px;
	font-weight: normal;
	overflow: auto;
}

.treeNodeSelected 
{
	background-color: #57EBF7;
	color: #000000;
	cursor:pointer;	
}

.treeNode
{
	white-space: nowrap;
	clear:right;
	cursor:pointer;	
}

.tree img, .treeNode img 
{
	vertical-align: middle;
	border:0px;
}

.label
{
	padding-left: 2px;
	font-size: 11px;
	color: WindowText;
	cursor:pointer;
}
